<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>小米官网</title>
  <style>
    /* 去掉所有默认元素的内外边距 */
    * {
      margin: 0;
      padding: 0;
    }

    html,
    body {
      width: 100%;
      /* height: 100%; */
      /* 高度占满一屏 */
      height: 100vh;
    }

    .clearW::before {
      content: "";
      display: table;
    }

    .container {
      width: 100%;
    }

    /* 顶部 */
    .head-wrap {
      width: 100%;
      height: 40px;
      background-color: #333;
    }

    .head {
      width: 1226px;
      height: 40px;
      margin: 0 auto;
    }

    .head-list {
      height: 40px;
      float: left;
    }

    .head-list li {
      list-style: none;
      height: 40px;
      float: left;
      line-height: 40px;
      color: #b0b0b0;
      font-size: 12px;
      margin: 0 10px;
      position: relative;
    }

    .head-list li::after {
      width: 2px;
      content: "";
      height: 16.5px;
      position: absolute;
      top: 12px;
      right: -12px;
      background-color: #424242;
    }

    .li1 {
      margin-left: 0px !important;
    }

    /* 鼠标滑过 */
    .head-list li:hover {
      /* 鼠标类型，pointer：手 */
      cursor: pointer;
      color: #fff;
    }

    .head-right {
      float: right;
    }

    .head-right li {
      list-style: none;
      height: 40px;
      float: left;
      line-height: 40px;
      color: #b0b0b0;
      font-size: 12px;
      margin: 0 10px;
      position: relative;
    }

    /* 鼠标滑过 */
    .head-right li:hover {
      /* 鼠标类型，pointer：手 */
      cursor: pointer;
      color: #fff;
    }

    .head-right .shop {
      text-align: center;
      width: 120px;
      color: #b0b0b0;
      background-color: #424242;
    }

    /* logo模块 */
    .mi-logo-wrap {
      height: 100px;
    }

    .mi-logo-wrap:hover {
      border-bottom: 1px solid #b0b0b0;
    }

    .mi-logo-content {
      width: 1226px;
      height: 100px;
      margin: 0 auto;
    }

    .logo {
      width: 56px;
      height: 56px;
      float: left;
      margin-top: 22px;
    }

    .logo img {
      width: 56px;
      height: 56px;
    }

    .mi-right {
      float: right;
    }

    .mi-menu {
      float: left;
      height: 100px;
      margin-right: 74px;
    }

    .mi-menu li {
      color: #333;
      font-size: 16px;
      padding: 0px 10px;
      list-style: none;
      height: 100px;
      line-height: 100px;
      float: left;
    }

    .mi-menu li:hover {
      cursor: pointer;
      color: #ff6700;
    }

    .mi-search {
      width: 196px;
      height: 50px;
      margin-top: 25px;
      float: left;
    }

    .mi-search .ipt {
      width: 196px;
      height: 50px;
      /* 内边框：把边框放里面 */
      box-sizing: border-box;
    }

    /* 轮播图模块 */
    .loop-warp {
      width: 100%;
      height: 460px;
    }

    .loop-content {
      width: 1226px;
      height: 460px;
      margin: 0 auto;
    }

    .loop-left {
      position: relative;
      /* 提升层级：只有设置定位属性时，z-index才有效果 */
      z-index: 999;
      width: 234px;
      height: 460px;
      float: left;
      background: #333;
      /* 透明度：0-1 */
      opacity: 0.6;
    }

    .loop-list {
      width: 234px;
      height: 420px;
      padding: 20px 0px;
    }

    .loop-list li {
      width: 100%;
      height: 42px;
      line-height: 42px;
      list-style: none;
      text-indent: 30px;
      color: #fff;
      font-size: 14px;
    }

    .loop-list li:hover {
      cursor: pointer;
      background-color: #ff6700;
    }

    .loop-right {
      width: 992px;
      height: 460px;
      float: right;
    }

    .loop-right img {
      width: 992px;
      height: 460px;
    }

    .a {
      height: 184px;
    }

    .a1 {
      width: 1226px;
      height: 170px;
      margin: 26px auto;

    }

    .a12 {
      float: left;
      width: 234px;
      height: 164px;
      padding: 3px;
      background-color: #5f5750;
      position: relative;
    }

    .a12 ul {
      list-style: none;
      font-size: 12px;
      li: hover;
      /* 鼠标类型，pointer：手 */
      cursor: pointer;
      color: #fff;
    }

    .a121 {
      width: 70px;
      height: 82px;
      padding: 3px;
      float: left;
      text-align: center;
      line-height: 82px;
      position: relative;
    }

    .a121::before {
      width: 64px;
      height: 1px;
      content: "";
      position: absolute;
      top: 0;
      left: 7px;
      background-color: #716860;
    }

    .a121::after {
      width: 1px;
      height: 70px;
      content: "";
      position: absolute;
      top: 6px;
      left: 0px;
      --color: #716860;
    }

    .a13 {
      float: left;
      width: 316px;
      height: 170px;
      margin: 3px 7px 3px 7px;
    }

    .a14 {
      float: right;
      width: 316px;
      height: 170px
    }

    .b {
      height: 164px;
    }

    .b1 {
      width: 1226px;
      height: 120px;
      margin: 22px auto;
    }

    .b2 {
      width: 1226px;
      height: 120px;
    }

    .fist {
      width: 100%;
      height: 58px;
      margin-top: 16PX;
    }

    .fist-1 {
      width: 1226px;
      height: 58px;
      margin: 0 auto;
    }

    .fist-2 {
      float: left;
      font-size: 22px;
      font-weight: 200;
      line-height: 58px;
      color: #333;
      text-align: center;
    }

    .fist-3 {
      float: right;
      font: 14px/1.5 Helvetica;
      line-height: 58px;
      text-align: center;
    }

    .c {
      width: 100%;
      height: 628px;
    }

    .c1 {
      width: 1226px;
      height: 614px;
      margin: 0 auto;
    }

    .c2 {
      float: left;
      width: 234px;
      height: 614px;
      margin: 0 0 14px 4px;
      box-shadow: 5px 5px 10px #ccc;
    }

    .phone-pic {
      float: left;
      width: 234px;
      height: 260px;
      padding: 20px 0;
      margin: 0 0 14px 12px;
      box-shadow: 5px 5px 10px #ccc;

    }

    .phone-1 {
      width: 160px;
      height: 160px;
      margin: 0 37px 18px;
    }

    .phone-pic img {
      width: 160px;
      height: 160px;
    }

    .phone-2 {
      width: 214px;
      height: 21px;
      margin: 0 10px;
      text-align: center;
      font-size: 14px;
      color: #333;
      font-weight: 400;
    }

    .phone-3 {
      width: 214px;
      height: 18px;
      margin: 0 10px 10px;
      text-align: center;
      font-size: 12px;
      color: #b0b0b0;
    }

    .phone-4 {
      width: 214px;
      height: 21px;
      margin: 0 10px 14px;
      text-align: center;
      color: #ff6700;
    }

    .d {
      width: 100%;
      height: 613.984px;

    }

    .d1 {
      width: 1226px;
      height: 623.984px;
      margin: 0 auto;
    }

    .d2 {
      float: left;
    }

    .d2 img {
      width: 233.984px;
      box-shadow: 5px 5px 10px #ccc;
    }


    .e {

      width: 233.984px;
      height: 260px;
      padding: 20px 0;
      margin: 0 0 14px 14px;
      box-shadow: 5px 5px 10px #ccc;
      float: left;
    }

    .e1 {
      width: 160px;
      height: 160px;
      margin: 0 36.992px 18px;
    }

    .e2 img {
      width: 160px;
      height: 160px;
    }

    .e3 {
      margin: 0 10px 2px;
      font-size: 14px;
      text-align: center;
      line-height: 20.996px;
      font-weight: 400;
      color: #333;
    }

    .e4 {
      margin: 0 10px 10px;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-weight: 400;
      line-height: 17.998px;
      font-size: 12px;
      color: #b0b0b0
    }

    .e5 {
      margin: 0 10px 14px;
      text-align: center;
      color: #ff6700;
    }

    .f {
      float: left;
      width: 233.984PX;
      height: 300PX;

    }

    .f1 {
      float: left;
      width: 233.984px;
      height: 142.988px;
      margin: 0 0 14px 14px;
      box-shadow: 5px 5px 10px #ccc;
    }

    .f2 img {
      float: right;
      width: 80px;
      height: 80px;
      margin: 32px 20px 30.996px 0;
    }

    .f3 {
      color: #333;
      margin: 32px 0px 5px 30px;
      font-size: 14px;
      font-weight: 400
    }

    .f4 {
      margin: 0px 0px 0 30px;
      font-size: 12px;
      color: #ff6700;
    }

    .f5 {
      float: left;
      width: 233.984px;
      height: 142.988px;
      margin: 0 0 14px 14px;
      box-shadow: 5px 5px 10px #ccc;

    }

    .f5 img {
      float: right;
      width: 48.o1px;
      height: 47.5px;
      margin: 48px 30px 48pc 0;
    }

    .f6 {
      margin: 48px 0px 0 30px;
      font-size: 18px;
      color: #333;
    }

    .f7 {
      font-size: 12px;
      color: #757575;
      margin-left: 30px;
    }

    .g {
      width: 100%;
      height: 120px;

    }

    .g1 {
      width: 1226px;
      margin: 20px auto;
    }

    .g1 img {
      width: 1226px;
      height: 120px;
    }

    .h {
      width: 100%;

    }

    .h1 {
      width: 1226px;
      height: 25px;
      padding: 27px 0;
      border-bottom: 1.25px solid #e0e0e0;
      margin: 0 auto;
      box-shadow: 5px 5px 10px #ccc;
    }

    .h2 {
      float: left;
      width: 19.8%;
      height: 25px;
      font-size: 16px;
      line-height: 25px;
      text-align: center;
      border-left: 1px solid #e0e0e0;
      list-style: none;
    }

    .i {
      width: 100%;
    }

    .i1 {
      width: 1266px;
      padding: 40px 0;
      margin: 0 auto;
    }

    .i2 {
      float: left;
      width: 160px;
      margin-left: 160px;
    }

    .i2 dt {
      width: 160px;
      height: 17.5px;
      margin: 1px 0 26px;
      font-size: 14px;
      line-height: 1.25;
      color: #424242;
    }

    .i2 dd {
      width: 160px;
      height: 17.988px;
      margin: 10px 0 0;
      font-size: 12px;
      color: #757575;
    }

    .i4 dt {
      width: 160px;
      height: 17.5px;
      margin: 1px 0 26px;
      font-size: 14px;
      line-height: 1.25;
      color: #424242;
    }

    .i4 {
      float: left;
      width: 160px;
    }

    .i4 dd {
      width: 160px;
      height: 17.988px;
      margin: 10px 0 0;
      font-size: 12px;
      color: #757575;
    }

    .i5 {
      float: left;
      width: 250.996px;
      height: 208.926px;
    }

    .i6 {
      width: 250.996px;
      height: 80.469px;
      border-left: 1.25px solid #e0e0e0;
    }

    .i6 dt {
      width: 250.996px;
      height: 21.992px;
      margin: 0 0 5px;
      font-size: 22px;
      line-height: 1;
      color: #ff6700;
      text-align: center;
    }

    .i7 {
      width: 250.996px;
      height: 17.988px;
      margin: 0 0 5px;
      font-size: 12px;
      text-align: center;
      color: #616161;
    }

    .i6 img {
      width: 117.988px;
      height: 27.988px;
      margin-left: 60px;

    }

    .i8 {
      width: 250.996px;
      height: 80.469px;

    }

    .i8 dt {
      width: 250.996px;
      height: 21.992px;
      margin: 25px 0 5px;
      font-size: 22px;
      line-height: 1;
      color: #ff6700;
      text-align: center;
    }

    .i9 {
      width: 250.996px;
      height: 17.988px;
      margin: 0 0 5px;
      font-size: 12px;
      text-align: center;
      color: #616161;
    }

    .i8 img {
      width: 117.988px;
      height: 27.988px;
      margin-left: 60px;

    }

    .part3-bottom {
      float: left;
      width: 100%;
      height: 205.33px;
      padding: 30px 0;
      background: #fafafa;
    }

    .bot42 {
      width: 1226px;
      height: 156.33px;
      margin: 0 auto;
    }

    .logo-bottom {
      width: 56px;
      height: 56px;
      margin-right: 20px;
      float: left;
    }

    .bot43 {
      width: 1149px;
      height: 109.33px;
      padding-left: 77px;
    }

    .bot44 a {
      text-decoration: none;
      color: #757575;
      font-size: 12px;
      position: relative;
    }

    .bot44 a:hover {
      cursor: pointer;
      color: #ff6700;
    }

    .bot44 a::before {
      width: 1px;
      height: 12px;
      background-color: #b0b0b0;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 2px;
    }

    .bot45 {
      text-decoration: none;
      color: #757575;
      font-size: 12px;
      position: relative;
    }

    .bot45 ::before {
      width: 1px;
      height: 12px;
      background-color: #b0b0b0;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 2px;
    }

    .bot45 :hover {
      cursor: pointer;
      color: #ff6700;
    }

    .bot46 {
      text-decoration: none;
      color: #757575;
      font-size: 12px;
    }

    .bot46 :hover {
      cursor: pointer;
      color: #ff6700;
    }

    .bot47 {
      color: #b0b0b0;
      font-size: 12px;
      position: relative
    }

    .bot48 {
      width: 85px;
      height: 28px;
      float: left;
      margin-right: 2px;
    }

    .bot48 img {
      width: 85px;
      height: 28px;
    }

    .bot49 {
      width: 100%;
      height: 19px;
      text-align: center;
      clear: both;
      margin: 30px auto 0;
      width: 100%;
      height: 19px;
      background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png) no-repeat center 0;
    }
  </style>
</head>

<body>
  <!-- 最外层只写一个div：body只有一个子元素 -->
  <div class="container">
    <!-- 头部容器 -->
    <div class="head-wrap">
      <div class="head">
        <!-- 无序列表 -->
        <ul class="head-list">
          <li class="li1">小米官网</li>
          <li>小米商城</li>
          <li>小米澎湃OS</li>
          <li>小米汽车</li>
          <li>云服务</li>
          <li>IOT</li>
          <li>有品</li>
          <li>小米开放平台</li>
          <li>资质证照</li>
          <li>协议规则</li>
          <li>下载APP</li>
          <li class="clearW">Location</li>
        </ul>
        <!-- 有序列表 -->
        <ol class="head-right">
          <li>登录</li>
          <li>注册</li>
          <li>消息通知</li>
          <li class="shop">购物车（0）</li>
        </ol>
      </div>
    </div>
    <!-- milogo模块 -->
    <div class="mi-logo-wrap">
      <div class="mi-logo-content">
        <div class="logo">
          <!--  -->
          <img src="mi.png" />
        </div>
        <div class="mi-right">
          <ul class="mi-menu">
            <li>Xiaomi手机</li>
            <li>REDMI手机</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>平板</li>
            <li>家电</li>
            <li>路由器</li>
            <li>服务中心</li>
            <li>社区</li>
          </ul>
          <div class="mi-search">
            <input class="ipt" type="text" placeholder="请搜索" />
          </div>
        </div>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="loop-warp">
      <div class="loop-content">
        <div class="loop-left">
          <ul class="loop-list">
            <li>手机</li>
            <li>电视</li>
            <li>家电</li>
            <li>笔记本 平板 显示器</li>
            <li>出行 穿戴</li>
            <li>耳机 音响</li>
            <li>健康 儿童</li>
            <li>生活 箱包</li>
            <li>智能 路由器</li>
            <li>电源 配件</li>
          </ul>
        </div>
        <div class="loop-right">
          <img src="../erji.webp" />
        </div>
      </div>
    </div>
  </div>
  <div class="a">
    <div class="a1">
      <div class="a12">
        <ul>
          <li class="a121">保障服务</li>
          <li class="a121">企业团购</li>
          <li class="a121">F码团购</li>
          <li class="a121">米粉卡</li>
          <li class="a121">以旧换新</li>
          <li class="a121">话费充值</li>
        </ul>
      </div>
      <div>
        <img class="a13" src="../小米商品图1.png " alt="">
        <img class="a13" src="../小米商品图2.png" alt="">
        <img class="a14" src="../小米商品图3.png" alt="">
      </div>
    </div>
    <div class="b">
      <div class="b1">
        <div class="b2">
          <img src="../小米商品图4.png" alt="">
        </div>
      </div>
    </div>
    <div class="fist">
      <div class="fist-1">
        <div class="fist-2">手机</div>
        <div class="fist-3">查看更多></div>
      </div>
    </div>
    <div class="c">
      <div class="c1">
        <div class="c2">
          <img src="./shouji.webp" alt="">
        </div>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
        <dl class="phone-pic">
          <dt class="phone-1"><img src="./手机.webp"></dt>
          <dd class="phone-2">REDMI K80 Pro</dd>
          <dd class="phone-3">骁龙8至尊版|2K新国屏|全焦段影像</dd>
          <dd class="phone-4">3699元起</dd>
        </dl>
      </div>
    </div>
    <div class="fist">
      <div class="fist-1">
        <div class="fist-2">智能穿戴</div>
        <div class="fist-3">耳机 穿戴</div>
      </div>
    </div>
    <div class="d">
      <div class="d1">
        <div class="d2"><img src="./手表.webp"></div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="e">
          <dl class="e1">
            <dt class="e2"><img src="./耳机.webp" alt=""></dt>
            <dd class="e3">REDMI Buds 6 Pro</dd>
            <dd class="e4">小米首发圈瓷同轴三单元 | 55dB深度降噪 | 无级动态降噪技术</dd>
            <dd class="e5">399元起</dd>
          </dl>
        </div>
        <div class="f">
          <div class="f1">
            <dt class="f2"><img src="./黑色耳机.webp"></dt>
            <dd class="f3">Redmi Buds 5 Pro</dd>
            <dd class="f4">399元起</dd>
          </div>
          <div class="f5">
            <dt><img src="./指向.webp" alt=""></dt>
            <dd class="f6">浏览更多</dd>
            <dd class="f7">耳机</dd>
          </div>
        </div>
      </div>
      <div class="fist">
        <div class="fist-1">
          <div class="fist-2">笔记本|平板</div>
          <div class="fist-3">热门</div>
        </div>
      </div>
      <div class="d">
        <div class="d1">
          <div class="d2"><img src="./bijiben.webp"></div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="e">
            <dl class="e1">
              <dt class="e2"><img src="./ipad.webp" alt=""></dt>
              <dd class="e3">Xiaomi Pad 7 Pro</dd>
              <dd class="e4">11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2 </dd>
              <dd class="e5">2499元起</dd>
            </dl>
          </div>
          <div class="f">
            <div class="f1">
              <dt class="f2"><img src="./平板.webp"></dt>
              <dd class="f3">Redmi Book 14 2024</dd>
              <dd class="f4">2499元起</dd>
            </div>
            <div class="f5">
              <dt><img src="./指向.webp" alt=""></dt>
              <dd class="f6">浏览更多</dd>
              <dd class="f7">热门</dd>
            </div>
          </div>
        </div>
        <div class="fist">
          <div class="fist-1">
            <div class="fist-2">家电</div>
            <div class="fist-3">热门 &nbsp电视影音 &nbsp空调</div>
          </div>
        </div>
        <div class="d">
          <div class="d1">
            <div class="d2">
              <dd style="width: 233.984px;height:300px;margin: 0 0 14px 0px;"><img src="./电视.webp"></dd>
              <dd style="width: 233.984px;height: 300px;margin: 0 0 14px 0px;"><img src="./洗衣机.webp"></dd>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="e">
              <dl class="e1">
                <dt class="e2"><img src="./智能电视.webp" alt=""></dt>
                <dd class="e3">Redmi 智能电视 X 2025款</dd>
                <dd class="e4">240Hz竞技模式|4+64GB|全色温双色域色准管控</dd>
                <dd class="e5">2599元起</dd>
              </dl>
            </div>
            <div class="f">
              <div class="f1">
                <dt class="f2"><img src="./冰箱.webp"></dt>
                <dd class="f3"> 米家冰箱无霜两门186L</dd>
                <dd class="f4">1199元起</dd>
              </div>
              <div class="f5">
                <dt><img src="./指向.webp" alt=""></dt>
                <dd class="f6">浏览更多</dd>
                <dd class="f7">热门</dd>
              </div>
            </div>
          </div>
          <div class="fist">
            <div class="fist-1">
              <div class="fist-2">生活电器</div>
              <div class="fist-3">电暖器 &nbsp &nbsp扫地机 &nbsp &nbsp空净 &nbsp &nbsp清洁</div>
            </div>
          </div>
          <div class="d">
            <div class="d1">
              <div class="d2">
                <dd style="width: 233.984px;height:300px;margin: 0 0 14px 0px;"><img src="./扫地机器人.webp"></dd>
                <dd style="width: 233.984px;height: 300px;margin: 0 0 14px 0px;"><img src="./空气净化器.webp"></dd>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="e">
                <dl class="e1">
                  <dt class="e2"><img src="./暖风机.webp" alt=""></dt>
                  <dd class="e3">米家石墨烯暖风机</dd>
                  <dd class="e4">2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率</dd>
                  <dd class="e5">279元起</dd>
                </dl>
              </div>
              <div class="f">
                <div class="f1">
                  <dt class="f2"><img src="./米家暖风机.webp"></dt>
                  <dd class="f3"> 米米家桌面暖风机</dd>
                  <dd class="f4">129元起</dd>
                </div>
                <div class="f5">
                  <dt><img src="./指向.webp" alt=""></dt>
                  <dd class="f6">浏览更多</dd>
                  <dd class="f7">电暖器</dd>
                </div>
              </div>
            </div>
            <div class="fist">
              <div class="fist-1">
                <div class="fist-2">厨房电器</div>
                <div class="fist-3">净水器 &nbsp &nbsp烟灶 &nbsp &nbsp电饭煲 &nbsp &nbsp微蒸烤</div>
              </div>
            </div>
            <div class="d">
              <div class="d1">
                <div class="d2">
                  <dd style="width: 233.984px;height:300px;margin: 0 0 14px 0px;"><img src="./净水器.webp"></dd>
                  <dd style="width: 233.984px;height: 300px;margin: 0 0 14px 0px;"><img src="./烟灶.webp"></dd>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="e">
                  <dl class="e1">
                    <dt class="e2"><img src="./过滤器.webp" alt=""></dt>
                    <dd class="e3"> 米家前置过滤器</dd>
                    <dd class="e4">家庭净水的第一道防线</dd>
                    <dd class="e5">349元起</dd>
                  </dl>
                </div>
                <div class="f">
                  <div class="f1">
                    <dt class="f2"><img src="./米家净水器.webp"></dt>
                    <dd class="f3"> 米家净水器1600G</dd>
                    <dd class="f4">2699元起</dd>
                  </div>
                  <div class="f5">
                    <dt><img src="./指向.webp" alt=""></dt>
                    <dd class="f6">浏览更多</dd>
                    <dd class="f7">净水器</dd>
                  </div>
                </div>
              </div>
              <div class="fist">
                <div class="fist-1">
                  <div class="fist-2">智能家居</div>
                  <div class="fist-3">小爱音响 &nbsp &nbsp门锁门铃 &nbsp &nbsp路由器 &nbsp &nbsp智能设备</div>
                </div>
              </div>
              <div class="d">
                <div class="d1">
                  <div class="d2">
                    <dd style="width: 233.984px;height:300px;margin: 0 0 14px 0px;"><img src="./音响.webp"></dd>
                    <dd style="width: 233.984px;height: 300px;margin: 0 0 14px 0px;"><img src="./门锁.webp"></dd>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="e">
                    <dl class="e1">
                      <dt class="e2"><img src="./路由器.webp" alt=""></dt>
                      <dd class="e3">Xiaomi路由器 BE7000</dd>
                      <dd class="e4">7000兆级疾速网络 | 8路独立信号放大器</dd>
                      <dd class="e5">799元起</dd>
                    </dl>
                  </div>
                  <div class="f">
                    <div class="f1">
                      <dt class="f2"><img src="./小米路由器.webp"></dt>
                      <dd class="f3">Xiaomi路由器AX3000T</dd>
                      <dd class="f4">159元起</dd>
                    </div>
                    <div class="f5">
                      <dt><img src="./指向.webp" alt=""></dt>
                      <dd class="f6">浏览更多</dd>
                      <dd class="f7">路由器</dd>
                    </div>
                  </div>
                </div>
                <div class="g">
                  <div class="g1">
                    <img src="./小米中性笔.webp" alt="">
                  </div>
                </div>
                <div class="text">
                  <div class="h">
                    <div class="h1">
                      <ul>
                        <li class="h2">预约维修服务</li>
                        <li class="h2">7天无理由退货</li>
                        <li class="h2">15天免费换货</li>
                        <li class="h2">满69包邮</li>
                        <li class="h2">1100余家售后网点</li>
                      </ul>
                    </div>
                  </div>
                  <div class="i">
                    <div class="i1">
                      <dl class="i3">
                        <dd></dd>
                      </dl>
                      <dl class="i2">
                        <dt>选购指南</dt>
                        <dd>手机</dd>
                        <dd>电视</dd>
                        <dd>笔记本</dd>
                        <dd>平板</dd>
                        <dd>穿戴</dd>
                        <dd>耳机</dd>
                        <dd>家电</dd>
                        <dd>路由器</dd>
                        <dd>音响</dd>
                        <dd>配件</dd>
                      </dl>
                      <dl class="i4">
                        <dt>服务中心</dt>
                        <dd>申请售后</dd>
                        <dd>售后政策</dd>
                        <dd>维修服务价格</dd>
                        <dd>订单查询</dd>
                        <dd>以旧换新</dd>
                        <dd>保障服务</dd>
                        <dd>防伪查询</dd>
                        <dd>F码通道</dd>
                      </dl>
                      <dl class="i4">
                        <dt>线下门店</dt>
                        <dd>小米之家</dd>
                        <dd>服务网点</dd>
                        <dd>授权体验店/专区</dd>
                      </dl>
                      <dl class="i4">
                        <dt>关于小米</dt>
                        <dd>了解小米</dd>
                        <dd>加入小米</dd>
                        <dd>投资者关系</dd>
                        <dd>可持续发展</dd>
                        <dd>廉洁举报</dd>
                      </dl>
                      <dl class="i4">
                        <dt>关注我们</dt>
                        <dd>新浪微博</dd>
                        <dd>官方微博</dd>
                        <dd>联系我们</dd>
                        <dd>公益基金会</dd>
                      </dl>
                    </div>
                    <div class="i5">
                      <div class="i6">
                        <dt>400-100-5678</dt>
                        <dd class="i7">8:00-18:00（仅收市话费）</dd>
                        <dd><img src="./人工客服.png" alt=""></dd>
                      </div>
                      <div class="i8">
                        <dt>400-100-8888</dt>
                        <dd class="i9">8:00-18:00（仅收市话费）</dd>
                        <dd class="i9">适用于：MIX FOLD、巨屏电视系列</dd>
                        <dd><img src="./人工客服.png" alt=""></dd>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="part3-bottom">
                  <div class="bot42">
                    <div class="logo-bottom"><img src="./mi.png" width="56px" height="56px"></div>
                    <div class="bot43">
                      <p class="bot44">
                        <a rel="nofollow" href="//www.mi.com/shop" target="_blank">小米商城&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//hyperos.mi.com/" target="_blank">小米澎湃OS&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//www.mi.com/music" target="_blank">音乐&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358"
                          target="_blank">政企服务&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店&nbsp;&nbsp;</a>
                        <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策&nbsp;&nbsp;<a
                            rel="nofollow" href="//xiaomi.tmall.com/" target="_blank"></a>
                          <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html"
                            target="_blank">小米公司儿童信息保护规则&nbsp;&nbsp;</a>
                          <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1"
                            target="_blank">小米商城隐私政策&nbsp;&nbsp;</a>
                          <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1"
                            target="_blank">小米商城用户协议小米商城隐私政策&nbsp;&nbsp;</a>
                          <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈&nbsp;&nbsp;</a>
                          <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location<a
                              rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a></a>
                      </p>
                      <p class="bot45">
                        <span class="bot45">北京互联网法院法律服务工作站&nbsp;&nbsp;</span>
                        <span class="bot45">中国消费者协会&nbsp;&nbsp;</span>
                        <span class="bot46">北京市消费者协会&nbsp;&nbsp;</span>
                      </p>
                      <p class="bot47">
                        © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号
                        京网文[2023]0169-004号
                        <br>
                        （京）网械平台备字（2018）第00005号 药品医疗器械网络信息服务备案
                        (京)网药械信息备字（2024）第00478号 营业执照 医疗器械质量公告
                        <br>
                        增值电信业务经营许可证编号：京B2-20180851 网络食品经营备案 京食药网食备202010048
                        食品经营许可证 新出发京批字第直220280号
                        <br>
                        违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据
                        ，除特殊说明，所有数据均出自我司实验室测试
                        <br>
                      </p>
                      <p>
                      <ul style="list-style: none;">
                        <li class="bot48"><img src="./诚信.png"></li>
                        <li class="bot48"><img src="./可信.png"></li>
                        <li class="bot48"><img src="./经营.png"></li>
                        <li class="bot48"><img src="./安全.png"></li>
                      </ul>
                      </p>
                    </div>
                  </div>
                  <div class="bot49"></div>
                </div>

              </div>
</body>

</html>